<template>
  <div class="container">
    <el-container>
      <el-aside width="320px">
        <div class="skill">
          <div class="skill-group">
            <div class="skill-group-title">
              回复类药品
              <span><img src="../assets/skill_icons/down.svg" alt=""></span>
            </div>
            <div class="skill-group-item"></div>
          </div>
        </div>
      </el-aside>
      <el-main>Main</el-main>
    </el-container>
    <div class="skill">
      <div class="skill-sider"></div>
      <div class="skill-contain"></div>
      <div class="skill-item-group"></div>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
  .skill {}
  .skill-group-title {
    height: 60px;
    /*background: #668794;*/
    background: #253D3F;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    font-size: 20px;
    border: 2px solid #698a9b63;
  }
</style>